(function(){
    var elem=document.getElementById("content4-ul");
    var lis=elem.getElementsByTagName("li");
    var div_wraps=document.getElementsByClassName("p-wrap");
    for(var i=0;i<lis.length;i++){
        lis[i].index=i;
    	lis[i].onmouseover=function(){
             div_wraps[this.index].style.display="block";
    	}
    	lis[i].onmouseout=function(j){
    		div_wraps[this.index].style.display="none";
    	}

    }
})();
(function(){
	var elem=document.getElementById("left");
	var buts=document.getElementsByClassName("butt");
	var dts=elem.getElementsByTagName("dt");
	for(var i=0;i<dts.length;i++){
		dts[i].index=i;
		dts[i].onmouseover=function(){
            buts[this.index].style.display="block";
		}
		dts[i].onmouseout=function(){
			buts[this.index].style.display="none";
		}
	}
})();

(function(){
	var elem=document.getElementById("right");
	var texts=elem.getElementsByClassName("text");
	var imgs=elem.getElementsByTagName("img");
	for(var i=0;i<texts.length;i++){
		texts[i].index=i;
		imgs[i].style.transition="1.8s";
	    imgs[i].style.webkitTransition="1.8s";
	    imgs[i].style.mozTransition="1.8s";
		texts[i].onmouseover=function(){
            imgs[this.index].style.transform="scale(1.1)";
            imgs[this.index].style.webkitTransform="scale(1.1)";
            imgs[this.index].style.mozTransform="scale(1.1)";
		}
		texts[i].onmouseout=function(){
			imgs[this.index].style.transform="scale(1)";
            imgs[this.index].style.webkitTransform="scale(1)";
            imgs[this.index].style.mozTransform="scale(1)";
		}
		
	}
})();

(function(){
	var elem=document.getElementsByClassName("content3");
    var lis=elem[0].getElementsByTagName("li");
    var guns=elem[0].getElementsByClassName("gun");
    var dts=elem[0].getElementsByTagName("ul")[0].getElementsByTagName("dt");
    var div_hiddens=elem[0].getElementsByClassName("hidden");
    for(var i=0;i<lis.length;i++){
    	lis[i].index=i;
    	lis[i].onmouseover=function(){
    		guns[this.index].style.width="801px";
    		dts[this.index].style.borderWidth="1px";
    		div_hiddens[this.index].style.opacity="1";

    	}
    	lis[i].onmouseout=function(){
    		guns[this.index].style.width="0";
    		dts[this.index].style.borderWidth="0";
    		div_hiddens[this.index].style.opacity="0";

    	}
    }
})();
